﻿/*
Theme Name: theme saint Urbain
Theme URI: www.saintubain.catholique.92.fr/
Description: thème propre à la paroisse saint urbain
Author: José Martins & Pierre-Jean Naigeon
Template: twentytwelve

*/
@import url('../twentytwelve/style.css');


/* mes ajouts -PJ */

div.home_test {
	width:49%;
	height:110px;
	float:left;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* avant bordure en orange #E98300*/
	border:1px solid #D54E21; /*Ici bordure du bloc  en orange FEU*/
 	  -moz-border-radius: 5px;
  	  -webkit-border-radius: 5px;
 	  -khtml-border-radius: 5px;
 	  border-radius: 5px;

color:#777777			/* police en gris  */

 }

div.home_entete {
	/* height:20%; */
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	vertical-align: middle;
	color: white;        /* police en blanc */
	background: #D54E21; 
/*Ici fond du rectangle de titre en orange FEU : #de4619;
 orange from plug ins worpress submit : #D54E21; */

}

/* Article rechercher PJ à finioler avec MdP José !!! */
.site-content article {
	border-bottom: 4px double #ededed;
	margin: 4px 2px 4px 2px;
	width: 98%;
	/*height: 210px;*/
	border: 1px solid #D54E21;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #777777	;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}


.entry-header-search .entry-title-search {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	vertical-align: middle;
	background: #D54E21;
	font-size: 1.571428571rem;
}

.entry-header-search .entry-title-search a {
	color: white;
}
			<div class="entry-summary-excerpt">
			<div class="entry-summary-image">

.site-content.spacer {
  clear: both;
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}
.site-content {
	margin: 12px 0 0;
}
.widget-area {
	margin: 12px 0 0;
}

/* Header */
.site-header {
	padding: 12px 0;
}

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 10px;

}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 10px;
	margin-top: 1.714285714rem;
}

.entry-page-image {
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 4px;
    width: 33%;
}

.entry-page-excerpt {
	margin-right: 4px;
	vertical-align	baseline;
	text-align : justify;
	font-family: sans-serif;
	font-size: 10px;
	color: 	#757575;
	line-height: 16.8px;
}

.main-navigation li ul li a {
    background: none repeat scroll 0 0 #D54E21;
    border-bottom: 1px solid #EDEDED;
    display: block;
    font-size: 0.785714rem;
    line-height: 2.18182;
    padding: 0.571429rem 0.714286rem;
    white-space: normal;
    width: 12.8571rem;
    z-index: 100000; /* Above WP toolbar */
}

.main-navigation li a {
    border-bottom: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 3.69231;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 100000; /* Above WP toolbar */
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #FFFFFF;
    z-index: 100000; /* Above WP toolbar */
}
#menu-item * { z-index: 99999!important; }

.menu-menu_editorial-container {
    background: none repeat scroll 0 0 #D54E21;
 	  -moz-border-radius: 5px;
  	  -webkit-border-radius: 5px;
 	  -khtml-border-radius: 5px;
 	  border-radius: 5px;
	}

# copie - todo changer le bouton en image
.searchsubmit {
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-size: 0.785714rem;
    font-weight: normal;
    line-height: 1.42857;
    padding: 0.428571rem 0.714286rem;
}
.widget_text {
	vertical-align: middle;
	background: #D54E21; /*Ici fond du rectangle de titre en orange FEU*/
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* bordure en orange*/
	border:1px solid #D54E21;	
 	  -moz-border-radius: 2px;
  	  -webkit-border-radius: 2px;
 	  -khtml-border-radius: 2px;
 	  border-radius: 2px;
	background-repeat:no-repeat;
	background-position:7% 50%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 60px;
	padding-right: 4px;

}
.widget-area .widget {
    -moz-hyphens: auto;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}
.widget-area .widget a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.widget-area .widget a:hover {
	font-weight: bold;
	color: orange;
}
#text-14 {
	background-image: url(../theme_sturbain/images/menu-item-04.png);
}
#text-6 {
	background-image: url(../theme_sturbain/images/menu-item-05.png);
}
#text-7 {
	background-image: url(../theme_sturbain/images/menu-item-06.png);
}
#text-8 {
	background-image: url(../theme_sturbain/images/menu-item-07.png);
}
#text-9 {
	background-image: url(../theme_sturbain/images/menu-item-08.png);
}
#text-13 {
	background-image: url(../theme_sturbain/images/menu-item-09.png);
}

/* Diocese de Nanterre */
#text-11 a {
	color: orange;	
}
#text-11.widget div.textwidget {
	background-image: url(../theme_sturbain/images/menu-item-10.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:45px;
	padding-top:10px;
	padding-bottom:10px;
}
#text-11 {
	background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
	padding-top: 15px;
	padding-bottom: 15px;
}
#text-11 {
	margin-left: 0;
	padding-left: 17px;
}
/* Faire un don */
#text-12 a {
	color: orange;	
}
#text-12.widget div.textwidget {
	background-image: url(../theme_sturbain/images/menu-item-11.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:45px;
	padding-top:5px;
	padding-bottom:5px;
}
#text-12 {
	background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
	padding-top: 15px;
	padding-bottom: 15px;
}
#text-12 {
	margin-left: 0;
	padding-left: 17px;
}
/* fin */

#text-2 {
	background: white;
}
.wpgslider375_0_slider {
    z-index: 0;
}

#left-col {
	width:32%;
	float:left;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* avant bordure en orange #E98300*/
	border:1px solid #D54E21; /*Ici bordure du bloc  en orange FEU*/
 	  -moz-border-radius: 5px;
  	  -webkit-border-radius: 5px;
 	  -khtml-border-radius: 5px;
 	  border-radius: 5px;

color: black; /* police en noir*/

 }


#right-col {
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 4px;
    width: 66%;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* avant bordure en orange #E98300*/
	border:1px solid #D54E21; /*Ici bordure du bloc  en orange FEU*/
 	  -moz-border-radius: 5px;
  	  -webkit-border-radius: 5px;
 	  -khtml-border-radius: 5px;
 	  border-radius: 5px;
}
/* Saint du Jour */
#rss-2.widget ul li div.rssSummary {
	display:none;
}
#rss-2.widget a {
	color: orange;
}
#rss-2.widget h3.widget-title {
	margin-bottom:0;
}
#rss-2.widget ul li {
	margin-top:0;
}
#rss-2.widget h3.widget-title {
	background-image: url(../theme_sturbain/images/menu-item-02.png);
	background-repeat:no-repeat;
	background-position:7% 50%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 54px;
	font-size: 13px;
}
#rss-2.widget {
	vertical-align: middle;
	background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* bordure en orange*/
	border:1px solid #D54E21;	
 	  -moz-border-radius: 2px;
  	  -webkit-border-radius: 2px;
 	  -khtml-border-radius: 2px;
 	  border-radius: 2px;
}
#rss-2.widget ul li a.rsswidget {
	margin-right: 4px;
	vertical-align	baseline;
	text-align : justify;
	font-family: sans-serif;
	font-size: 11px;
	color: 	#757575;
	line-height: 16.8px;
	padding-left: 14px;
	padding-right: 14px;
	display: block;
}
#rss-2.widget ul li span.rss-date {
	margin-right: 4px;
	margin-left: 0px;
	margin-top: 14px;
	padding-left: 14px;
	vertical-align	baseline;
	text-align : justify;
	font-family: sans-serif;
	font-size: 11px;
	color: 	#757575;
	line-height: 16.8px;
	display: block;
}
/* Textes du Jour */
#rss-3.widget h3.widget-title {
	margin-bottom:0;
}
#rss-3.widget ul li {
	margin-top:0;
}
#rss-3.widget h3.widget-title {
	background-image: url(../theme_sturbain/images/menu-item-03.png);
	background-repeat:no-repeat;
	background-position:7% 50%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 54px;
	font-size: 13px;
}
#rss-3.widget {
	vertical-align: middle;
	background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
	margin:4px 2px 4px 2px;
	padding:0 0 0 0px;
	margin:4px 2px 4px 2px;
		/* bordure en orange*/
	border:1px solid #D54E21;	
 	  -moz-border-radius: 2px;
  	  -webkit-border-radius: 2px;
 	  -khtml-border-radius: 2px;
 	  border-radius: 2px;
}
/* Textes du Jour - zone du texte */
#rss-3.widget ul li div.rssSummary {
	display:none;
}
#rss-3.widget a {
	color: orange;
}
#rss-3.widget ul li a {
	color: #757575;
}
#rss-3.widget ul {
	display:block;
}
#rss-3.widget ul li {
	/* display:none;  */
	display:block;
	margin-right: 4px;
	vertical-align	baseline;
	text-align : justify;
	font-family: sans-serif;
	font-size: 11px;
	color: 	#757575;
	line-height: 16.8px;
	padding-left: 14px;
	padding-right: 14px;
	display: block;
}
/* Menu horizontal */
#menu-item-243.menu-item {
	padding-left: 14px;
}
#menu-menu_editorial.nav-menu a {
	color: white;
}
#menu-menu_editorial.nav-menu li.menu-item ul.sub-menu li.menu-item a:hover {
	color: black;
}

#menu-menu_editorial.nav-menu li.menu-item {
	z-index: 100000; /* Above WP toolbar - enfin :-)  */
}
h3.widget-title {
	z-index: 100000; /* Above WP toolbar - enfin :-)  */
}
/* Menu horizontal */
#searchform div {
	margin-left: 2px;
}
.widget-area #s {
    width: 60%;
}

/* haut */
body .site {
    margin-top: 10px;
}
.site-content {
    float: left;
    width: 73%;
}



/* Partie en construction : utiliser les polices en VW et plus en PX pour rendre les pages lisibles sur mobile et tablette */
.exemple-de-tres-grand-texte-h1-shadow-et-de-taille-adaptable {
	color: #AAAAAA;
    font-size: 12vw;
    font-weight: normal;
    line-height: 1;
    margin-top: 1vw;
    text-shadow: 0 1px 1px #777777, 1px 2px 1px #777777, 1px 3px 1px #666666, 2px 4px 1px #666666, 2px 5px 1px #555555, 2px 5px 6px #666666, 2px 5px 12px #666666;
}
#menu-menu_editorial.nav-menu li.menu-item a {
    font-size: 0.9vw;
}
.main-navigation li {
    margin: 0 2.3rem 0 0;
    position: relative;
}
